<template>
	<view class="payment">
		<image src="../../static/payment.png" class="img" mode=""></image>
		<view class="num">
			订单支付成功 <text class="price">¥{{def.payAmount}}</text>
		</view>
		<view class="desc">
			恭喜您此次支付获得 <text class="jf">50</text>积分
		</view>
		<view class="pay-bnt">
			<view class="item active" @tap="goMyOrder">
				查看订单
			</view>
			<view class="item">
				返回首页
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				def: {}
			};
		},
		onLoad(ops) {
			this.def = ops
		},
		methods:{
			goMyOrder(){
				uni.reLaunch({
					url: '/pagesC/my/orderList?type=' + this.def.type
				})
			}
		}
	}
</script>

<style lang="less" scoped>
.payment{
	.img{
		width: 296rpx;
		height: 296rpx;
		margin: 0 auto;
		padding-top: 64rpx;
		display: block;
	}
	.num{
		text-align: center;
		font-size: 32rpx;
		color: #333333;
		.price{
			color: #E4919D;
			margin-left: 10rpx;
		}
	}
	.desc{
		font-size: 24rpx;
		font-family: PingFangSC-Regular;
		color: #666666;
		text-align: center;
		margin-top: 16rpx;
		.jf{
			color: #E4919D;
			margin-left: 12rpx;
		}
	}
	.pay-bnt{
		width: 416rpx;
		margin: 0 auto;
		margin-top: 80rpx;
		.item{
			width: 208rpx;
			height: 64rpx;
			border-radius: 44rpx;
			font-size: 28rpx;
			color: #E4919D;
			text-align: center;
			line-height: 64rpx;
			display: inline-block;
		}
		.active{
			color: #FFFFFF;
			background: #E4919D;
		}
	}
}
</style>
